<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>IKEA SIGNIN</title>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">

<!-- 
    common.css
    signin.css
 -->
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/sign_in.css">
</head>
<body>
<div id="biggest">
    <div class="blue">
        <div class="blue-logo">
            <img src="./images/login_logo.svg" alt="">
        </div>
        <div class="blue-main">
            <div class="blue-text">
                <p class="blue-text-yellow">Hej!</p>
                <p class="blue-text-white">为大众创造更美好的日常生活</p>
            </div>
        </div>
        <div class="blue-footer">
            <div class="blue-footer-box">
                <p>IKEA.cn - <a href="">Cookie Policy</a> and <a href="">Privacy Policy</a></p>
                <p>© Inter IKEA Systems B.V. 1999-2021</p>
            </div>
        </div>
    </div>
    <div class="white">
        <div class="white-content">
            <div class="white-inner">
                <h3>欢迎来到<span>&nbsp;宜家 </span>, 很高兴您来到这里</h3>
                <form action="javascript:;">
                    <main class="white-main">
                        <div class="tel-box text-box">
                            <p class="input-txt on-hide">手机号</p>
                            <input type="tel" placeholder="手机号" id="tel-input" class="input" data-value="手机号" name="tel">
                            <p class="input-tips on-hide">文本</p>
                        </div>
                        <div class="pwd-box text-box">
                            <p class="input-txt on-hide">密码</p>
                            <input type="password" placeholder="密码" id="pwd-input" class="input" data-value="密码" name="password">
                            <p class="input-tips on-hide">文本</p>
                        </div>
                        <div class="remember-box">
                            <div class="checkbox">
                                <span class="checkbox-inner">
                                    <img src="./images/checkbox.svg" alt="">
                                </span>
                                <input type="checkbox" class="input-checkbox">
                                <span class="remember">记住我。 Remember me.</span> 
                            </div>
                        </div>
                        <div class="sign-in-button">登录</div>
                    </main>
                </form>
                <div class="other-login">
                    <p>其他登录方式</p>
                    <div class="others-box">
                        <div class="wechat">
                            <div>
                                <img src="./images/icon_Wechat_Highlight.svg" alt="">
                            </div>
                            <p>微信登录</p>
                        </div>
                        <div class="to-sign-up">
                            <div>
                                <img src="./images/icon_user.svg" alt="">
                            </div>
                            <p>现在去注册</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./js/jquery-3.4.1.js"></script>
<script src="./js/Wings.js"></script>
<script src="./js/sign_in.js"></script>
</html>